<template>
    <div>
      <CommentItem :comments="comments"/>
      
    </div>
  </template>
  
  <script setup>
  import { ref } from 'vue';
  import CommentItem from '@/components/Commentltem.vue';
 
  const comments = ref([
    {
      id: 1,
      head: '/src/assets/img/my_head.png',
      username: '用户1',
      label: '我的好友',
      detailMessage: '回复了你的评论',
      timestamp: '05-22',
      like:1,// 点赞
    },
    {
      id: 2,
      head: '/src/assets/img/img02.jpg',
      username: '用户2',
      label: '作者',
      detailMessage: '@你',
      timestamp: '06-01',
      like:0, // 不点赞
    },
   
  ]);
  </script>
  
  <style scoped>
 
  </style>
  